<!DOCTYPE html>
<html class="loading" lang="en" data-textdirection="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
<meta name="author" content="PIXINVENT">
<title>自助售货管理后台</title>
<link rel="stylesheet" type="text/css" href="app-assets/css/vendors.css">
<link rel="stylesheet" type="text/css" href="app-assets/css/vertical-menu.css">
<link rel="stylesheet" type="text/css" href="app-assets/css/bootstrap-extended.css">
</head>
<body>
<div class="content-wrapper">
  <div class="content-header ">
    <div class="content-header-left mb-2 clearfix">
      <h3 class="content-header-title mb-0">结算记录</h3>
    </div>
  </div>
  <div class="card">
    <div class="card-content">
      <div class="card-body">
    
		  
        
		  <div class="tablebox1">
          
			  <table class="table">
	            <thead>
	                <tr>
		                <th>ID</th>
		                <th>结算金额</th>
		                <th>处理状态</th>
		                <th>代理商姓名</th>
		                <th>代理商电话</th>
		                <th>申请时间</th>
		                <th>操作</th>
	                </tr>
	            </thead>
	            <tbody>
	            	<tr>
							<td>17</td>
							<td>0.01</td>
                            <td><span class="text-success">已处理</span></td>
							<td>何</td>
							<td>15901298248</td>
							<td>2018-11-19 18:56:03  </td>
							<td></td>
						</tr>
					<tr>
							<td>17</td>
							<td>0.01</td>
                            <td><span class="text-danger">未处理</span></td>
							<td>何</td>
							<td>15901298248</td>
							<td>2018-11-19 18:56:03  </td>
							<td></td>
						</tr
					       </tbody>
	        </table>
 
			<div class="page clearfix">
						<div class="pull-left">共 400 条记录 第 1 / 80 页</div>
						<div class="pull-right">
							
							<nav aria-label="..." class="pull-left">
								  <ul class="pagination">
									<li class="disabled"><a href="#" aria-label="Previous"><span aria-hidden="true">«</span></a></li>
									<li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>
									<li><a href="#">2</a></li>
									<li><a href="#">3</a></li>
									<li><a href="#">4</a></li>
									<li><a href="#">5</a></li>
									<li><a href="#" aria-label="Next"><span aria-hidden="true">»</span></a></li>
								 </ul>
							   </nav>
							
							<div class="pull-left p-r-20  p-l-20"><select class="form-control"><option>10条每页</option></select></div>
							<div class="pull-left">跳至<input type="text" value="5" class="form-control">页</div>
							</div>
							
						</div>
			
		  </div>
		  
      
      </div>
    </div>
  </div>
</div>

	<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">编辑代理商信息</h4>
      </div>
      <div class="modal-body">
       <div class="form1 form2" >
				<ul class="row">
			<li class="col-xs-10"><span>代理商帐号：</span><input type="text" class="form-control" ></li>
			<li class="col-xs-10"><span>代理商姓名：</span><input type="text" class="form-control" ></li>
			<li class="col-xs-10"><span>电话：</span><input type="text" class="form-control" ></li>
			<li class="col-xs-10"><span>结算比例：</span><input type="text" class="form-control" ></li>
			<li class="col-xs-10"><span>状态：</span><select class="form-control" ><option>启用</option></select></li>
					
				
	
					</ul>
				</div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
        <button type="button" class="btn btn-primary">保存</button>
      </div>
    </div>
  </div>
</div>
	<div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">修改代理商密码</h4>
      </div>
      <div class="modal-body">
       <div class="form1 form2" >
				<ul class="row">
			<li class="col-xs-10"><span>代理商帐号：</span><input type="text" class="form-control" ></li>
			<li class="col-xs-10"><span>代理商密码：</span><input type="text" class="form-control" ></li>
			</ul>
				</div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
        <button type="button" class="btn btn-primary">保存</button>
      </div>
    </div>
  </div>
</div>

<script src="app-assets/js/vendors.min.js" type="text/javascript"></script> 
<script src="app-assets/js/app-menu.js" type="text/javascript"></script> 
<script src="app-assets/js/app.js" type="text/javascript"></script> 
<script src="app-assets/js/echarts.min.js" type="text/javascript"></script> 
<script src="app-assets/js/sweetalert2.js" type="text/javascript"></script> 
	<script>
document.getElementById("demo1").onclick = function() {
    swal({
        title: "确认要停用吗 ？", 
        type: "warning",
        showCancelButton: true,
        confirmButtonColor: "#DD6B55",
        confirmButtonText: "停用",
      	closeOnConfirm: false
    }
	)
};
document.getElementById("demo2").onclick = function() {
    swal({
        title: "确认要删除吗 ？", 
        type: "warning",
        showCancelButton: true,
        confirmButtonColor: "#DD6B55",
        confirmButtonText: "删除",
      	closeOnConfirm: false
    }
	)
};

		</script>
	
</body>
</html>